const path = require('path')
const HTMLWebpackPlugin = require('html-webpack-plugin')
const resolve = (dir) => {
  return path.resolve(__dirname, '../', dir)
}
module.exports = {
  mode: 'development',
  entry: {
    test: resolve('src/test.js'),
    app: resolve('src/main.js'),
  },
  output: {
    path: resolve('dist'),
    filename: '[name].js'
  },
  plugins: [ // 插件 --- 插件选项是一个数组
    // new HTMLWebpackPlugin() // 默认生成dist/index.html页面，并且自动引入了 app.js 
    // 修改配置 https://github.com/jantimon/html-webpack-plugin#configuration
    new HTMLWebpackPlugin({
      title: 'hello webpack', // 设置默认打包的index.html页面的标题
      // favicon: resolve('config/favicon.ico'), // 设置默认打包的index.html页面的引入的图标 一般走页面模版
      filename: 'index.html', // 设置打包的页面文件的 文件名称
      template: resolve('public/index.html'), // 页面模版（title失效）
      inject: true, // 默认就是true = body ｜ head | true('body') | false 是否自动引入js以及引入js为位置
      minify: {// 优化选项
        collapseWhitespace: true, // 合并代码
        removeAttributeQuotes: true, // 去除引号
        removeComments: true
      },
      chunks: ['app', 'test'], // 切忌加后缀，与entry的key值相同
      chunksSortMode: 'manual' // 说明排序问题
    })
  ]
}